<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<title>Ahorro</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/jquery-ui-1.8.21.custom.css"
	rel="stylesheet" />

<!-- end -->
sscc
<style type="text/css">
.tip {
	background-color: #ffcc99;
	padding: 10px;
	display: none;
	position: absolute;
	border: 1px solid black;
}
</style>

<style type="text/css">
.condiciones {
width:120px;
height:60px;
padding:10px;
background-color:#f8f6f7;
font-family:Verdana;
font-weight:normal;
font-size:12px;
}
/*Metas Alcanzadas*/
/*.resumen-metas, .resumen-metas-finalizada {
border:1px solid #ebe9ea;
width:290px;
padding:10px;
height:37px;
margin:0;
overflow:hidden;
text-align:right;
}

.resumen-metas{
background-color:#F6F7F8;
}

.resumen-metas-finalizada {
background-color:#E5E3E4;
}
.resumen-icono-finalizada{
border-right:1px dashed #fff;
width:216px;
padding-right:10px;
float:left;
font-family:Verdana;
font-weight:normal;
font-size:13px;
color:#ff6600;
}

.resumen-icono{
border-right:1px dashed #b5b5b5;
width:216px;
padding-right:10px;
float:left;
font-family:Verdana;
font-weight:normal;
font-size:13px;
color:#ff6600;
}


.resumen-contenido	 {
width:63px;
font-family:Verdana;
font-weight:normal;
font-size:13px;
color:#ff6600;
float:left;
}
.resumen-contenido p {
line-height:1px;
font-size:11px;
}

 
.recomendacion {
background-color:#FFF;
border:1px solid #ebe9ea;
width:290px;
height:100px;
padding:10px;
margin:0;
overflow:hidden;
}
.recomendacion-icono {
border-right:1px dashed #3cabda;
width:37px;
float:left;
}

.recomendacion-contenido	 {
width:205px;
margin-left:12px;
font-family:Verdana;
font-weight:normal;
font-size:13px;
color:#000000;
float:left;
}

.recomendacion-contenido a {
color:#FF9909;
}*/

</style>
</head>

<body>

	<h1>Figuras o Iconos de metas.</h1>
		<!-- grupo -->
		<h2 style="border-bottom:1px solid #ddd;">Metas </h2>
		<div style="margin-left:2em">
			
		<p>Aqui definiriamos un template xslt, para definir las Metas</p>	
		<h3>propiedades Comunes</h3>
		
		<table>
		<tr><td>pendiente</td></tr>
		</table><br/><br/>	
		
		<!-- elemento-->
		<h4>lienzo-meta</h4>
		<p>Para el Dashboard de metas.</p>
		<h3>propiedades</h3>
		<table>
		<tr><td>Comunes</td></tr>
		</table><br/><br/>	
		
		<div class="lienzo-meta" style="position:relative;">
			<p style="height:30px;background-color:#ccc;"> </p> 
			<p> </p>  
			<p style="height:30px;background-color:#ccc;"> </p> 
		</div>
		
</div>	
</body>
</html>
